<template>
	<view :id="id" class="item_class" @tap="goDetail(data)"
		><text>{{ data.name }}</text
		><view class="easy_between">
			<text class="text-[#999] text-sm">{{ data.time }}</text>
			<image
				class="w-[5vw] h-[5vw]"
				src="@/assets/rightArrow.svg"
			/> </view
	></view>
</template>

<script>
export default {
	props: ['id', 'index', 'data'],
};
</script>
<style lang="scss">
.item_class {
	width: 100%;
	height: 100px;
	border-bottom: #eee 1rpx solid;
	padding: 10px 30px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
</style>
